'use strict';_={kbrdShrts:{title:"How to define keyboard shortcuts",delay:3,steps:[{title:"",img:"img1.png",delay:7,elems:[{text:[[390,127],"\n As an example, let's define the shortcut <br> Alt+F4 for closing all tabs to the right. <br 5>\n Click anywhere to see the next step.\n ","big"]}]},{title:"Create a new action",img:"img1.png",elems:[{arrow:[[258,145],[258,40],"","anim"]}]},{title:"Enter your shortcut",img:"img2.png",elems:[{arrow:[[290,230],[290,142],"","anim"]}]},{img:"img3.png",delay:4,
elems:[{arrow:[[260,231],[260,175],"","anim"]},{text:[[313,247],"When the yellow box appears, <br> you must type your shortcut."]}]},{img:"img4.png",delay:6,elems:[{text:[[315,193],"You can press Alt and F4 together or one at a time. <br> The result is the same.","whtOutln"]}]},{img:"img4.png",delay:4,elems:[{text:[[313,208],"Now click anywhere outside <br> the yellow box to close it."]}]},{title:"Choose the action to perform",img:"img5.png",elems:[{arrow:[[527,230],[527,142],"","anim"]}]},{img:"img6.png",
elems:[{arrow:[[420,320],[530,320],"","anim"]}]},{title:"Try the shortcut",img:"img7.png",delay:5,elems:[{text:[[425,207],"You are done. <br 5> Now you would press Alt+F4 to check that it's working."]}]},{title:"Create another action",img:"img7.png",delay:8,elems:[{text:[[370,200],"\n Let's try another, slightly more complex this time. <br 5>\n Say we wanted to reload all tabs in the current window <br> by pressing either Left Shift+F5 or Right Shift+F5.\n ","big"]}]},{img:"img7.png",elems:[{arrow:[[258,
140],[258,39],"","anim"]}]},{title:"Enter your shortcut",img:"img8.png",delay:5.5,elems:[{arrow:[[259,232],[259,173],"","anim"]},{text:[[264,244],"Enter the shortcut the same way as before <br> by pressing Left Shift and F5.","whtOutln"]}]},{title:"Set key's options",img:"img9.png",delay:4,elems:[{arrow:[[254,191],[254,138],"","anim"]},{text:[[254,200],"Click on Left Shift to see <br> the available options.","whtOutln"]}]},{img:"img10.png",delay:4,elems:[{arrow:[[375,149],[311,149],"","anim"]},{text:[[385,
149],'Change "Left Shift" to "Any Shift"',"left"]}]},{img:"img11.png"},{title:"Choose the action to perform",img:"img12.png",elems:[{arrow:[[520,225],[520,137],"","anim"]}]},{img:"img13.png",elems:[{arrow:[[585,315],[585,413],"","anim"]}]},{img:"img14.png",elems:[{arrow:[[428,166],[522,166],"","anim"]}]},{title:"Choose the target tabs",img:"img15.png",elems:[{arrow:[[545,253],[545,174],"","anim"]}]},{img:"img16.png",elems:[{arrow:[[411,408],[538,408],"","anim"]}]},{title:"Try the shortcut",img:"img17.png",
elems:[{text:[[430,192],"You are all set. <br 5> Now you would press any Shift+F5 to try it out.","big whtOutln"]}]}]},mouseShrts:{title:"How to define mouse shortcuts",steps:[{title:"",img:"img1.png",elems:[{text:[[395,127],"\n In this example we'll define the shortcut <br> [Right Btn] + [Left Btn] for opening a <br> link in a new active tab. <br 5>\n Click anywhere to see the next step.\n ","big"]}]},{title:"Create a new action",img:"img1.png",elems:[{arrow:[[261,145],[261,42],"","anim"]}]},{title:"Enter the shortcut",
img:"img2.png",elems:[{arrow:[[293,230],[293,142],"","anim"]}]},{img:"img3.png",elems:[{arrow:[[261,231],[261,175],"","anim"]},{text:[[313,247],"When the yellow box appears, <br> you must enter the shortcut."]}]},{img:"img4.png",elems:[{text:[[320,213],"First, click the right button in your mouse."]}]},{img:"img4.png",elems:[{text:[[335,213],"Then, hover the mouse over an empty area <br> inside the yellow box and click the left button."]},{image:["mouseArrow.svg",[312,136],[,28]]},{rect:[[303,121],
[28,33],0,"dashed blink"]}]},{img:"img5.png",elems:[{text:[[313,208],"Finaly, click anywhere outside <br> the yellow box to close it."]}]},{title:"Choose override mode",img:"img6.png",elems:[{arrow:[[254,200],[254,138],"","anim"]},{text:[[254,215],"Click on Right Btn to see <br> the available options"]}]},{img:"img8.png",elems:[{arrow:[[385,172],[296,172],"","anim"]},{text:[[396,249],'Choose "Full" override. <br> This will prevent the context menu from poping up.']}]},{title:"Choose the action to perform",
img:"img9.png",elems:[{arrow:[[558,230],[558,142],"","anim"]}]},{img:"img10.png",elems:[{arrow:[[315,362],[422,362],"","anim"]}]},{title:"Configure the action",img:"img11.png",elems:[{arrow:[[702,149],[611,149],"","anim"]}]},{title:"Make the new tab active",img:"img12.png",elems:[{arrow:[[627,204],[627,139],"","anim"]},{text:[[522,226],"Now let's append a second action <br> to activate the new tab automatically."]}]},{img:"img13.png",elems:[{arrow:[[510,147],[600,147],"","anim"]}]},{title:"Try the shortcut",
img:"img14.png",elems:[{text:[[450,206],"\n You are done. <br 5>\n Now whenever you click on a link while holding down the <br> right mouse button, the link will be opened in a new active tab.\n "]}]},{title:"Create another action",img:"img14.png",elems:[{text:[[385,200],"\n Let's see a more interesting example now. <br 5>\n Say we want to use the scroll wheel to switch between tabs, <br> but only when the mouse is hovering over the tab strip.\n ","big"]}]},{img:"img14.png",elems:[{arrow:[[260,140],
[260,39],"","anim"]},{text:[[420,202],"\n We need two actions for this. <br 3>\n Scroll UP will switch to the left tab and <br>\n scroll DOWN will switch to the right. <br 3>\n Let's create the first one.\n ","whtOutln"]}]},{title:"Enter the trigger",img:"img17.png",elems:[{text:[[282,197],"When the yellow box appears, <br> turn the scroll wheel UP.","whtOutln backgr"]}]},{title:"Make the trigger hover-sensitive",img:"img18.png",elems:[{arrow:[[384,155],[296,155],"","anim"]},{text:[[140,207],"Now let's make the trigger hover-sensitive to the tab strip",
"left whtOutln"]}]},{img:"img19.png",elems:[{arrow:[[388,241],[286,241],"","anim"]}]},{img:"img21.png",elems:[{rect:[[381,238.5],[186,21],3,"dashed blink"]},{arrow:[[188,238],[281,238],"","anim"]}]},{title:"Choose the action to perform",img:"img22.png",elems:[{arrow:[[625,225],[625,139],"","anim"]}]},{img:"img23.png",elems:[{arrow:[[491,193],[601,193],"","anim"]}]},{title:"Create second wheel action",img:"img24.png",elems:[{arrow:[[260,98],[260,35],"","anim"]},{text:[[448,195],"First wheel action done. <br 3> Now, on to the second one.",
"whtOutln backgr"]}]},{title:"Enter the trigger",img:"img26.png",elems:[{text:[[282,197],"When the yellow box appears, <br> turn the scroll wheel DOWN.","whtOutln backgr"]}]},{title:"Make the trigger hover-sensitive",img:"img27.png",elems:[{rect:[[309,158],[208,28],12,"dashed blink"]},{text:[[320,200],"Add a mouse-over condition <br> the same way as before.","whtOutln backgr"]}]},{title:"Choose the action to perform",img:"img28.png",elems:[{arrow:[[494,213],[602,213],"","anim"]}]},{title:"Try the shortcut",
img:"img29.png",elems:[{text:[[450,329],"\n You are all set. <br 1.4>\n Now you can turn the mouse wheel over <br 0.5>\n the tab strip to switch between tabs.\n ","big whtOutln backgr","stroke-width: 20px"]}]}]},mouseGest:{title:"How to define mouse gestures",steps:[{title:"",img:"img1.png",elems:[{text:[[395,100],"\n Say we wanted to navigate back to the previous <br> page by dragging the mouse to the left. <br 4>\n This type of actions are called mouse gestures. <br 4>\n Click anywhere to see the next step.\n ",
"big whtOutln"]}]},{title:"Create a new action",img:"img1.png",elems:[{arrow:[[261,145],[261,42],"","anim"]}]},{title:"Enter the gesture",img:"img2.png",elems:[{arrow:[[293,230],[293,142],"","anim"]}]},{img:"img3.png",elems:[{rect:[[233,151],[34,26],4,"dashed blink"]},{arrow:[[232,227],[232,174],"","anim"]},{text:[[240,237],"Click on the blue rosette"]}]},{img:"img4.png",elems:[{image:["mseMoveLeft.svg",[199,164],[110,28]]},{text:[[530,200],"Without pressing any buttons, <br> move your mouse to the left. <br 3> Then, finish by clicking the left button."]}]},
{img:"img5.png",elems:[{text:[[409,220],"Finally, click outside the yellow box to close it."]}]},{title:"Choose the action to perform",img:"img6.png",elems:[{arrow:[[487,217],[487,143],"","anim"]}]},{img:"img7.png",elems:[{arrow:[[565,146],[460,146],"","anim"]}]},{title:"Try the gesture",img:"img8.png",elems:[{text:[[430,204],"Done. <br 5> Now you can try the gesture by holding the right <br> button down and dragging the mouse to the left."]}]},{title:"Create another gesture",img:"img8.png",elems:[{text:[[394,
220],"Let's create another one for downloading <br 2> the image under the mouse cursor.","big whtOutln"]}]},{img:"img8.png",elems:[{arrow:[[257,117],[257,38],"","anim"]}]},{title:"Enter the gesture",img:"img11.png",elems:[{text:[[385,194],"Enter your gesture the same way as before. <br 2> Let's use drag right and down this time.","whtOutln backgr"]}]},{title:"Choose the action to perform",img:"img12.png",elems:[{arrow:[[493,228],[493,140],"","anim"]}]},{img:"img13.png",elems:[{arrow:[[613,381],[477,
381],"","anim"]}]},{title:"Configure the action",img:"img14.png",elems:[{rect:[[484,162],[266,54],4,"dashed"]},{text:[[486,245],"Set the action's options","whtOutln backgr"]}]},{title:"Try the gesture",img:"img15.png",elems:[{text:[[394,215],"\n All set. <br 4>\n Now you can drag the mouse to the right and down <br> over any image to save it to the specified folder.\n ","big whtOutln"]}]}]},setSwtchs:{title:"How to turn switches ON and OFF",steps:[{title:"",img:"setSwitchState.png",elems:[{text:[[508,
250],"This screenshot shows the 5 different ways <br> you can change the state of your switches. <br 3>\n Click anywhere to see an explanation of each one.","bigger backgr whtOutln"]}]},{title:"Switch list on the left pane",img:"setSwitchState.png",elems:[{rect:[[88,343],[150,122],4,"dashed blink thick1"]},{text:[[205,280],"This list on the left pane shows the state <br> of all switches you have created. <br 2>\n You can click on the green/red icons to <br> toggle a switch to its opposite state.",
"backgr left big whtOutln"]}]},{title:"Extension's toolbar menu",img:"setSwitchState.png",elems:[{path:[((a,b)=>[[a[2],b[0]],[a[2],b[1]],[a[1],b[1]],[a[1],b[2]],[a[0],b[2]],[a[0],b[3]],[a[1],b[3]],[a[1],b[4]],[a[4],b[4]],[a[4],b[1]],[a[3],b[1]],[a[3],b[0]]])([677,794,854,888,1014],[3,30,62,143,306]),!0,"dashed blink thick1"]},{arrow:[[895,102],[799,102],12,"anim"]},{text:[[220,70],"The list of all switches is also shown <br> in the extension's toolbar menu. <br 2>\n You can click on each menu item to <br> toggle a switch to its opposite state.",
"backgr left big whtOutln"]}]},{title:"Custom AutoControl menu",img:"setSwitchState.png",elems:[{path:[((a,b)=>[[a[2],b[0]],[a[2],b[1]],[a[0],b[1]],[a[0],b[3]],[a[1],b[3]],[a[1],b[4]],[a[5],b[4]],[a[5],b[2]],[a[4],b[2]],[a[4],b[1],[a[3],b[1]],[a[3],b[0]]]])([535,561,611,694,772,981],[343,370,409,513,647]),!0,"dashed blink thick1"]},{arrow:[[920,470],[845,470],7,"anim"]},{arrow:[[920,503],[845,503],7,"anim"]},{arrow:[[920,536],[845,536],7,"anim"]},{text:[[50,360],'You can also use the "OPEN MENU" <br> action to display a custom menu with <br>\n one or more of your switches. <br 2> When you click on a switch item, the <br>\n switch toggles to its opposite state <br> (middle-click keeps the menu open).',
"backgr left big whtOutln"]}]},{title:'"SET SWITCH STATE" advanced action',img:"setSwitchState.png",elems:[{path:[((a,b)=>[[a[0],b[0]],[a[0],b[1]],[a[1],b[1]],[a[1],b[2]],[a[2],b[2]],[a[2],b[1]],[a[3],b[1]],[a[3],b[0]]])([478,503,614,639],[128,223,251]),!0,"dashed blink thick1"]},{text:[[559,285],'You can use the "SET SWITCH STATE" action <br> to change the state of a switch in response to any <br>\n trigger you want, such as keyboard shortcuts, <br> mouse gestures, browser events, etc.',"backgr big whtOutln"]}]},
{title:"ACtl.switchState() scripting function",img:"setSwitchState.png",elems:[{rect:[[266,548],[466,254],4,"dashed blink thick1"]},{arrow:[[475,568],[383,568],"","anim"]},{text:[[52,300],'If you are a programmer, the "RUN SCRIPT" action lets you <br> write scripts of any complexity in which you can\n get and set <br> the state of your switches with the ACtl.switchState() function.',"backgr left big whtOutln"]}]},{title:"Contemplate your expertise",img:"setSwitchState.png",elems:[{text:[[505,273],
"Congratulations! You are a switch expert now.","backgr whtOutln"]}]}]},SFEimport:{baseDir:"/demos/",steps:[{img:"SFEImport.png",delay:2,elems:[{text:[[523,42],"1","big blink whtOutln"]},{rect:[[524,18],[78,30],5,"dashed blink"]}]},{img:"SFEImport.png",delay:2,elems:[{text:[[438,160],"2","big blink whtOutln"]},{rect:[[434,105],[66,26],5,"dashed blink"]},{rect:[[513,229],[122,26],5,"dashed blink"]}]},{img:"SFEImport.png",delay:2,elems:[{text:[[380,258],"3","big blink whtOutln"]},{rect:[[300,268],[122,
52],5,"dashed blink"]}]}]}};
